@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{    
  height:100%;
  background-color:#f6f6f6;
}
.page-pay{
  padding:0 1.4rem;  
  background-color:#fff;
}
.pay-status{
  text-align: center;
  padding:0;
  .icon-ok{
    display: inline-block;
    width: 10.2rem;
    height: 10.2rem;
    background: transparent url('/images/bonanza.png') no-repeat 0 0;
    background-size: 100%;
    vertical-align: middle;
  }
  .status-text{
    font-size:$fs18;
    color:#00c267;
    padding:1.4rem 0 1.9rem;
  }
}
.notice{
  padding: 0 1rem 2rem;
  color:$color02;
  font-size:1.1rem;
  p{padding-bottom: 0.6rem;text-align: center;color:#666;    font-size: 1.3rem;}
  span{
    color:#333;
  }
  .title{
    color:$color05;
  }
}


.icon-box{
  padding:3rem 0 0;
  .icon-smile{
    @include mix-smile();
  }
}

.voucher-box{
  margin-top:1rem;
  background-color:#fff;
  padding:1rem 1.4rem;
  @include flexbox;
  @include align-items(center);
  .voucher-icon{
    .icon-my-voucher{
      @include mix-my-voucher();
    }
  }
  .voucher-info{
   padding-left:0.8rem;
    @include flex-grow(1);
    .title{
      color:#333;
      font-size:$fs14;
    }
    .des{
      color:#666;
      font-size:$fs10;
    }
  }
  .voucher-btn{
    button{
      display: inline-block;
      padding:0.6rem 0.8rem;
      white-space: nowrap;
      border: 1px solid #00c267;
      border-radius: 0.4rem;
      color: #00c267;
      font-size:$fs14;
          background-color: transparent;
    }
  }

}
.auto-height{
	@include auto-height();
}
@import "../common/scss/pages/follow";
.copyright{
	position:relative;
	.footer-logo{
		text-align:center;
		.icon-mopon-logo{
		   	background-image:url(/images/mopon-logo.png);
		   	background-repeat:no-repeat;
		   	background-position:center center;
		   	@include inline-block();
		   	width:5.1rem;
		   	height:1.1rem;
		   	padding:1.2rem 0;
        background-size:100%;
		}
	}
}